<template>
  <div class="index">
      
  <mu-paper :z-depth="1" class="demo-list-wrap">
  <mu-appbar color="#F17C67">
    天长场景
  </mu-appbar>
  <mu-list>
    <mu-list-item button :ripple="true" to="/pay">
    
     <mu-list-item-action>
          <mu-avatar size="48" color="#fff">
       <img src="../../assets/img/money collect-fill.png">
        </mu-avatar>
      </mu-list-item-action>
      <mu-list-item-title>充值</mu-list-item-title>
    </mu-list-item>
    <mu-divider></mu-divider>
    <mu-list-item button :ripple="true" to="/query">
      <mu-list-item-action>
        <mu-avatar size="48" color="#fff">
       <img src="../../assets/img/search.png">
        </mu-avatar>
      </mu-list-item-action>
      <mu-list-item-title>查询</mu-list-item-title>
    </mu-list-item>
    <mu-divider></mu-divider>
    <mu-list-item button :ripple="true">
      <mu-list-item-action>
        <mu-avatar size="48" color="#fff">
       <img src="../../assets/img/lock-fill.png">
        </mu-avatar>
      </mu-list-item-action>
      <mu-list-item-title>挂失</mu-list-item-title>
    </mu-list-item>
     <mu-divider></mu-divider>
    <mu-list-item button :ripple="true">
      <mu-list-item-action>
        <mu-avatar size="48" color="#fff">
       <img src="../../assets/img/unlock-fill.png">
        </mu-avatar>
      </mu-list-item-action>
      <mu-list-item-title>解挂</mu-list-item-title>
    </mu-list-item>
  </mu-list>
  <mu-appbar color="#CB4042">
    常用场景
  </mu-appbar>
  <mu-divider></mu-divider>
  <mu-list>
    <mu-list-item button :ripple="true" to="/bindex">
      <mu-list-item-title>小八一卦</mu-list-item-title>
      <mu-list-item-action>
        <mu-icon value="info"></mu-icon>
      </mu-list-item-action>
    </mu-list-item>
    <mu-list-item button :ripple="false">
      <mu-list-item-title>Trash</mu-list-item-title>
      <mu-list-item-action>
        <mu-icon value="info"></mu-icon>
      </mu-list-item-action>
    </mu-list-item>
    <mu-list-item button :ripple="false">
      <mu-list-item-title>Spam</mu-list-item-title>
      <mu-list-item-action>
        <mu-icon value="info"></mu-icon>
      </mu-list-item-action>
    </mu-list-item>
    <mu-list-item button :ripple="false">
      <mu-list-item-title>Follow up</mu-list-item-title>
      <mu-list-item-action>
        <mu-icon value="info"></mu-icon>
      </mu-list-item-action>
    </mu-list-item>
  </mu-list>
</mu-paper>

  
  </div>
</template>


<script>
export default {
  components: {
  }
}
</script>
<style scoped>



</style>